<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>站酷</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <!-- header部分 -->
    <div class="header">

    </div>
    <!-- bannner部分 -->
    <div class="banner">
        <div class="content">
            <div class="banner-header">
                <a href="https://www.zcool.com.cn/article/ZMTEzMjM2MA==.html" target="_blank"><img src="./img/P02 (1).png" alt="图片"></a>
            </div>
            <div class="banner-body">
                <a href="https://www.zcool.com.cn/article/ZMTEzMjM2MA==.html" target="_blank"><img src="./img/P01 (1).jpg" alt="图片"></a>
                <a href="https://www.gogoup.com/course/GNTc5?utm_source=zcool&utm_medium=index_01&utm_campaign=course_live&utm_content=579&utm_term=movies" target="_blank"><img src="./img/P01 (2).jpg" alt="图片"></a>
                <a href="https://www.zcool.com.cn/event/lightspeed/" target="_blank"><img src="./img/P01 (6).jpg" alt="图片"></a>
                <a href="https://www.zcool.com.cn/article/ZMTEyOTQ1Mg==.html" target="_blank"><img src="./img/P01 (4).jpg" alt="图片"></a>
                <a href="https://www.zcoolip.com/" target="_blank"><img src="./img/P01 (5).jpg" alt="图片"></a>
            </div>
            <div class="banner-footer">
                <h3>
                    <a href="">首页推荐</a> 
                    <a href="https://www.zcool.com.cn/discover/0!0!0!0!0!!!!-1!0!1" target="_blank">最新发布</a>
                </h3>
            </div>
        </div>
    </div>
    <!-- mainbody-1部分 -->
    <div class="mainbody-1">
        <div class="all-work-list">
            <div class="work-list-box">
                <div class="card-box">
                    <div class="card-img">
                        <img src="../zcool-1/img/p35.jpg" alt="" sizes="210×158">
                    </div>
                    <div class="card-info">
                        <p class="card-info-title">
                            <a href="" title="五月手写书法字体" class="title-content" target="_blank"
                                >五月手写书法字体</a>
                            </p>
                            <p class="card-info-type" title="平面-字体/字形">平面-字体/字形</p>
                            <div class="card-info-item">
                                <span><img src="img/k人气.png" alt="">1.4万</span>
                                <span><img src="img/k评论.png" alt="">28</span>
                                <span><img src="img/k推荐.png" alt="">133</span>

                            </div>
        
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- mainbody-2部分 -->
      <!-- mainbody-2部分 -->
      <div class="mainbody-2">
        <div class="content">
            <div class="mainbody-2-body">
                <div class="mainbody-2-box">
                    <div class="mainbody-2-img">
                        <img src="img/k1.jpg" alt="">
                    </div>
                    <div class="mainbody-2-info">
                        <p class="active">太阳神高复古感系列大片</p>
                        <p>服装-其他服装</p>
                        <div class="mainbody-2-info-item">
                            <span><img src="img/k人气.png" alt="">4564</span>
                            <span><img src="img/k评论.png" alt="">8</span>
                            <span><img src="img/k推荐.png" alt="">80</span>
                        </div>
                    </div>
                    <div class="mainbody-2-item">
                        <span>
                            <a href="" title="女包设计师周...">
                                <img src="img/k2.jpg" alt="">
                                女包设计师周...
                            </a>
                            <div>
                                <div class="mainbody-2-item-card">
                                    <div class="mainbody-2-card-box">
                                        <div class="card-box-header">
                                            <a href="">
                                                <img src="img/k2.jpg" alt="">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </span>
                        <span class="active">1天前</span>
                    </div>
                </div>
                <div class="mainbody-2-box">
                    <div class="mainbody-2-img">
                        <img src="img/k3.jpg" alt="">
                    </div>
                    <div class="mainbody-2-info">
                        <p class="active">被一只鸡记仇是什么体验？</p>
                        <p>动漫-中/长篇漫画</p>
                        <div class="mainbody-2-info-item">
                            <span><img src="img/k人气.png" alt="">2.5万</span>
                            <span><img src="img/k评论.png" alt="">176</span>
                            <span><img src="img/k推荐.png" alt="">1403</span>
                        </div>
                    </div>
                    <div class="mainbody-2-item">
                        <span class="red"><img src="img/k4.jpg" alt="">
                            郭九二
                        </span>
                        <span class="active">2天前</span>
                    </div>
                </div>
                <div class="mainbody-2-box">
                    <div class="mainbody-2-img">
                        <img src="img/k5.jpg" alt="">
                    </div>
                    <div class="mainbody-2-info">
                        <p class="active">三维动画短片《怎的不见...</p>
                        <p>三维-动画/影视</p>
                        <div class="mainbody-2-info-item">
                            <span><img src="img/k人气.png" alt="">1.2万</span>
                            <span><img src="img/k评论.png" alt="">34</span>
                            <span><img src="img/k推荐.png" alt="">493</span>
                        </div>
                    </div>
                    <div class="mainbody-2-item">
                        <span class="red"><img src="img/k6.jpg" alt="">
                            秋夜日暮
                        </span>
                        <span class="active">2天前</span>
                    </div>
                </div>
                <div class="mainbody-2-box">
                    <div class="mainbody-2-img">
                        <img src="img/k7.jpg" alt="">
                    </div>
                    <div class="mainbody-2-info">
                        <p class="active">《花开花落》</p>
                        <p>插画-插画习作</p>
                        <div class="mainbody-2-info-item">
                            <span><img src="img/k人气.png" alt="">7926</span>
                            <span><img src="img/k评论.png" alt="">16</span>
                            <span><img src="img/k推荐.png" alt="">351</span>
                        </div>
                    </div>

            </div>
            <div class="card-item">
                <span class="user-avatar showMemberCard">
                    <a href="" title="妙典" target="_blank" z-st="home_main_card_user">
                        <img src="../zcool-1/img/p48.jpg" srcset="" width="30" height="30" alt="">妙典
                    </a>
                    <div class="author-info-card hide" data-id="13572846"></div>
                </span>
                <span class="time" title="审核通过时间：2020-05-21 19:47:44；创建时间：2020-05-21 19:03:21">1天前</span>
            </div>
        </div>
        <div class="card-box">
            <div class="card-img">
                <img src="../zcool-1/img/p63.jpg" alt="" sizes="210×158">
            </div>
            <div class="card-info">
                <p class="card-info-title">
                    <a href="" title="水墨画梨园 | 电视剧《鬓边..." class="title-content" target="_blank"
                         z-st="home_main_card_title" style>水墨画梨园 | 电视剧《鬓边...</a>
                    </p>
                    <p class="card-info-type" title="插画-商业插画">插画-商业插画</p>
                    <div class="card-info-item">
                        <span><img src="img/k人气.png" alt="">5876</span>
                        <span><img src="img/k评论.png" alt="">21</span>
                        <span><img src="img/k推荐.png" alt="">461</span>
                    </div>
            </div>
            <div class="card-item">
                <span class="user-avatar showMemberCard">
                    <a href="" title="Marina任桃桃" target="_blank" z-st="home_main_card_user">
                        <img src="../zcool-1/img/p36.jpg" srcset="" width="30" height="30" alt="">Marina任桃桃
                    </a>
                    <div class="author-info-card hide" data-id="13572846"></div>
                </span>
                <span class="time" title="审核通过时间：2020-05-21 19:47:44；创建时间：2020-05-21 19:03:21">11天前</span>
            </div>
        </div>
        <div class="card-box">
            <div class="card-img">
                <img src="../zcool-1/img/p26.jpg" alt="" sizes="210×158">
            </div>
            <div class="card-info">
                <p class="card-info-title">
                    <a href="" title="影视合成海报设计拆解赏析" class="title-content" target="_blank"
                         z-st="home_main_card_title" style>影视合成海报设计拆解赏析</a>
                    </p>
                    <p class="card-info-type" title="网页-电商">网页-电商</p>
                    <div class="card-info-item">
                        <span><img src="img/k人气.png" alt="">4.0万</span>
                        <span><img src="img/k评论.png" alt="">101</span>
                        <span><img src="img/k推荐.png" alt="">1537</span>
                    </div>
            </div>
            <div class="card-item">
                <span class="user-avatar showMemberCard">
                    <a href="" title="杰克sean" target="_blank" z-st="home_main_card_user">
                        <img src="../zcool-1/img/p32.jpg" srcset="" width="30" height="30" alt="">杰克sean
                    </a>
                    <div class="author-info-card hide" data-id="13572846"></div>
                </span>
                <span class="time" title="审核通过时间：2020-05-21 19:47:44；创建时间：2020-05-21 19:03:21">10天前</span>
            </div>
        </div>
        <div class="card-box">
            <div class="card-img">
                <img src="../zcool-1/img/p65.jpg" alt="" sizes="210×158">
            </div>
            <div class="card-info">
                <p class="card-info-title">
                    <a href="" title="[分形插画]七彩国度 vol.04 " class="title-content" target="_blank"
                         z-st="home_main_card_title" style>[分形插画]七彩国度 vol.04 </a>
                    </p>
                    <p class="card-info-type" title="插画-商业插画">插画-商业插画</p>
                    <div class="card-info-item">
                        <span><img src="img/k人气.png" alt="">2.1万</span>
                        <span><img src="img/k评论.png" alt="">120</span>
                        <span><img src="img/k推荐.png" alt="">964</span>
                    </div>
            </div>
            <div class="card-item">
                <span class="user-avatar showMemberCard">
                    <a href="" title="春和绘" target="_blank" z-st="home_main_card_user">
                        <img src="../zcool-1/img/49.jpg" srcset="" width="30" height="30" alt="">春和绘
                    </a>
                    <div class="author-info-card hide" data-id="13572846"></div>
                </span>
                <span class="time" title="审核通过时间：2020-05-21 19:47:44；创建时间：2020-05-21 19:03:21">9天前</span>
            </div>
        </div>
        <div class="card-box">
            <div class="card-img">
                <img src="../zcool-1/img/p71.jpg" alt="" sizes="210×158">
            </div>
            <div class="card-info">
                <p class="card-info-title">
                    <a href="" title="猫的私房 第二季" class="title-content" target="_blank"
                         z-st="home_main_card_title" style>猫的私房 第二季</a>
                    </p>
                    <p class="card-info-type" title="摄影-动物">摄影-动物</p>
                    <div class="card-info-item">
                        <span><img src="img/k人气.png" alt="">6.5万</span>
                        <span><img src="img/k评论.png" alt="">99</span>
                        <span><img src="img/k推荐.png" alt="">780</span>
                    </div>
            </div>
            <div class="card-item">
                <span class="user-avatar showMemberCard">
                    <a href="" title="克查 " target="_blank" z-st="home_main_card_user">
                        <img src="../zcool-1/img/p50.jpg" srcset="" width="30" height="30" alt="">克查 
                    </a>
                    <div class="author-info-card hide" data-id="13572846"></div>
                </span>
                <span class="time" title="审核通过时间：2020-05-21 19:47:44；创建时间：2020-05-21 19:03:21">10天前</span>
            </div>
          </div>
        </div>
    </div>
    <!-- footer-1部分 -->
    <div class="footer-1">

    </div>
    <!-- footer-2部分 -->
    <div class="footer-2">
        <div class="content">
            <div class="footer-2-top">
               <ul>
                   <li>
                        <img src="../zcool-1/img/警徽.png" alt="">
                        <a href="">京公网安备11010502000501号</a>
                   </li>
                   <li>
                        <a href="">广播电视节目制作经营许可证（京）字第06990号</a>
                   </li>
                   <li>
                        <a href="">京ICP备11017824号</a>
                   </li>
               </ul>
               <div class="footer-2-box">
                    <a href="">京ICP证130164号</a>
               </div>
            </div>
            <div class="footer-2-bottom">
                <ul>
                    <li>
                        <a href="">营业执照</a>
                    </li>
                    <li>
                        <a href="">网上有害信息举报区</a>
                    </li>
                    <li>
                        <a href="">不良信息举报电话：010-56538658</a>
                    </li>
                    <li>
                        <a href="">举报邮箱 jubao@zcool.com.cn</a>
                    </li>
                </ul>
                <div class="footer-2-box">
                    <p>联系电话：010-56538600</p>
                </div>
                <div class="footer-2-bottom-box">
                    <p>Copyrihgt © 2006-2020 <a href="">ZCOOL站酷</a></p>
                </div>
            </div>
        </div>
    </div>
</body>
</html>